import { Input } from 'antd';
import { AxFormItemBase } from '../lib/AxFormItemBase';
import { AxLabel } from '@/components/AxBase';

const { TextArea } = Input;
/**
 * 自定义文本框
 * @param label 标签
 * @param field 字段名称
 * @param value 值
 * @param rows 文本框所占行数
 * @param placeholder 占位符
 * @param required 是否必填
 * @param message 提示信息（如果添加了，所有错误提示为改信息）
 * @param len 字符长度
 * @param min 字符最小长度
 * @param max 字符最大长度
 * @param pattern 正则表达式
 * @param validator 自定义验证函数
 * @param hidden 是否隐藏
 */
export function AxTextArea(props) {
  const { isLabel = false, rows = 4, ...rest } = props;
  /** 展示为Label */
  const WrappedComponent = isLabel === true ? AxLabel : TextArea;

  return <AxFormItemBase rows={rows} WrappedComponent={WrappedComponent} {...rest} />;
}


/** 自定义 margin-bottom:0px 的Input */
export const AxTextAreaNoMarginBottom = props => {
  return <AxTextArea formItemClassName='ant-form-item-ax' {...props} />;
};
